<div class="header flex flex-align">
    <div><img @click="navigatorFun(0)" class="logo" src="__STATIC__/demo/img/logo.png" alt=""></div>
    <div class="flex-sub flex dnAndb">
        <div class="flex-sub tc f18 flex flex-align" @click="navigatorFun(index)"
             :class="{'navColor':navIndex == index}" :key="index" v-for="(item, index) in navList">
            <div>
                <div v-html="item.title"></div>
                <div class="pr flex flex-center flex-align">
                    <div class="flex_border"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="tr flex-sub db" @click="show = true"><i class="el-icon-menu"></i></div>
    <div class="popup" v-show="show">
        <el-page-header @back='show = false' content='导航'>
        </el-page-header>
        <div class="lin f16" @click="navigatorFun(index)" :key="index" v-for="(item, index) in navList" v-html="item.title">
        </div>
    </div>
</div>